new Vue({
    el: "#app",
    data: {
        currentSection: 'personalInfo',
        currentOrderSubSection: 'purchasedOrders',
        currentCouponSubSection: 'couponList',
        currentNotificationSubSection: 'systemNotifications',
        coupons: [
            {
                type: '满减券',
                minAmount:100,
                quantity:50,
                amount: '满 100 减 20',
                startDate: '2024 年 9 月 15 日',
                endDate: '2024 年 10 月 31 日',
            },
            {
                type: '满减券',
                minAmount:200,
                quantity:50,
                amount: '满 200 减 50',
                startDate: '2024 年 9 月 18 日',
                endDate: '2024 年 11 月 15 日',
            },
            {
                type: '新人券',
                minAmount:50,
                quantity:50,
                amount: '旅游套餐 50 元',
                startDate: '2024 年 9 月 20 日',
                endDate: '2024 年 12 月 31 日',
            },
        ],
    },
    methods: {
        showOrdersSubSection(subSectionId) {
            this.currentOrderSubSection = subSectionId;
        },
        showCouponsSubSection(subSectionId) {
            this.currentCouponSubSection = subSectionId;
        },
        showSection(sectionId) {
            this.currentSection = sectionId;
        },
        showNotificationsSubSection(subSectionId) {
            this.currentNotificationSubSection = subSectionId; // Update the current notification subsection  
        },
    }
})